{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
{#    <div style="height: 100vh;" class="flex-c">#}
{#    <div style="" class="flex-c">#}
{#        <div id="main" class="flex1 padt20">#}
{#            <div class="tac">加载中...</div>#}
{#        </div>#}
        <div id="footer" class="pos-f b0 l0 r0 bcf flex-r flex-end tac fs8 bdtso">
            <div class="item flex1 pos-r flcc" :class="index == 0?'c2':'c12 '">
                <div class="pos-r ofv flex1 flcc fs16">
                    <div class="fa fa-television fs16"></div>
                </div>
                <div>
                    <mu-ripple @click="change('index1')">首页</mu-ripple>
                </div>
            </div>
            <div class="item flex1 pos-r flcc" :class="index == 1?'c2':'c12 '">
                <div class="pos-r ofv flex1 flcc fs16">
                    <div class="flex1 fs2">&nbsp;</div>
                    <div class="fa fa-bookmark-o fs16"></div>
                </div>
                <div>
                    <mu-ripple @click="change('index2')">需求大厅</mu-ripple>
                </div>
            </div>
            <div class="item flex1 pos-r flcc" :class="index == 2?'c2':'c12 '">
                <div class="pos-r ofv flex1 flcc fs18">
                    <div class="flex1 fs2">&nbsp;</div>
                    <div class="fa fa-plus-circle "></div>
                </div>
                <div>
                    <mu-ripple @click="change('index3')">发布[[test]]</mu-ripple>
                </div>
            </div>
            <div class="item flex1 pos-r flcc" :class="index == 3?'c2':'c12 '">
                <div class="pos-r ofv flex1 flcc fs16">
                    <div class="flex1 fs2">&nbsp;</div>
                    <div class="fa fa-file-o "></div>
                </div>
                <div>
                    <mu-ripple @click="change('index4')">接单</mu-ripple>
                </div>
            </div>
            <div class="item flex1 pos-r flcc" :class="index == 4?'c2':'c12 '">
                <div class="pos-r ofv flex1 flcc fs16">
                    <div class="flex1 fs2">&nbsp;</div>
                    <div class="fa fa-user-o fs16"></div>
                </div>
                <div>
                    <mu-ripple @click="change('index5')">我的</mu-ripple>
                </div>
            </div>
        </div>
{#    </div>#}
{% endblock %}
